<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head></h:head>
<h:body>
 <ui:composition template="/templates/Plantilla.xhtml">
  <ui:define name="content">
	<h:form id="form">
	<p:growl id="growl1" />
		<h3 style="text-align: center; padding-bottom:35px;"> Gestion de Tipos de Clientes</h3>
		<p:dataTable id="tblTipoCliente" value="#{tipoClienteList.tiposDeClientes}"
		border="0" cellpadding="2" cellspacing="0"  paginator="true" rows="10" var="tc" styleClass="tabla15">  			
  			
  			<f:facet name="header">Listado de Tipos de Clientes</f:facet>
			<p:column>
  				<f:facet name="header">
  					<h:commandButton action="#{tipoClienteList.nuevoTipoCliente}" 
  						image="#{resource['images:plus-16-ns.png']}" title = "Nuevo Tipo de Cliente">
  					</h:commandButton>
  				</f:facet>
   				<h:commandButton type="submit" action="#{tipoClienteList.prepareEdit(tc)}"  ajax="false"
   						image="#{resource['images:pencil-16-ns.png']}" title="Editar Tipo de Cliente">			    					
  				</h:commandButton>			
  			</p:column>			
			<p:column>
				<f:facet name="header">Default Value</f:facet>
				<h:outputText rendered = "#{tc.defaultValue == 0}"  value ="No"/>
				<h:outputText rendered = "#{tc.defaultValue == 1}"  value ="Si"/>
			</p:column>
  			<p:column>
  				<f:facet name="header">Nombre</f:facet>
  				#{tc.nombre}
  			</p:column>
  			<p:column>
  				<f:facet name="header">Descripcion</f:facet>
  				#{tc.descripcion}
  			</p:column>
  			
  			<p:column>
  				<f:facet name="header">Ver Productos</f:facet>
  				<p:commandLink actionListener="#{tipoClienteList.mostrarProductos(tc)}" oncomplete = "dlgProductos.show()"
  					update = ":form:dlgProductos">
					<h:outputText value="Ver"/>
				</p:commandLink>
  			</p:column>
  			
  			<p:column>
  				<f:facet name="header">Eliminar</f:facet>
  				<h:commandButton type="submit" action="#{tipoClienteList.prepareDelete(tc)}"  ajax="false"
   						image="#{resource['images:cross-16-ns.png']}" title="Delete Tipo de Cliente">			    					
  				</h:commandButton>
  			</p:column>
		</p:dataTable>
		
		<p:dialog id="dlgProductos" header="Tipo de Cliente Seleccionado #{tipoClienteList.tipoCliente.nombre}" widgetVar="dlgProductos" 
				modal="true" resizable="false">
				  
	    	<p:dataTable id="tblProductos" var="p" value="#{tipoClienteList.productosConDescuentos}">  			
		
				<p:column headerText="Codigo" width="50" >
					 <h:outputText value="#{p.producto.productoId}" /> 
				</p:column>
						
				<p:column headerText="Nombre"  width="100">
					<h:outputText value="#{p.producto.nombre}"/>
				</p:column>			
								
				<p:column headerText="Descripcion"  width="100">
					<h:outputText value="#{p.producto.descripcion}" />
				</p:column>
				
				<p:column headerText="Tipo de Producto"  width="100" >
					<h:outputText value="#{p.producto.tipoProducto.nombre}" />
				</p:column>
				
				<p:column headerText="Precio"  width="50">
					<h:outputText value="$ #{p.producto.precio}" />
				</p:column>
		
				<p:column headerText="Descuento"  width="100">
					<h:outputText value="#{p.porcentajeDescuento} %" />
				</p:column>
			</p:dataTable>
		</p:dialog>
	</h:form>
  </ui:define>
 </ui:composition>	
</h:body>
</html>